#topBar {
    height: 40px;
    background-color: var(--txt-color5);
    align-items: center;
    display: flex;
    padding: 0px 40px;
    justify-content: space-between;
    font-family: var(--t-font2);
}


/* Logos  */

#topBar #logos {
    height: 100%;
    display: flex;
    align-items: center;
}

#topBar #logos i {
    color: white;
    font-size: 25px;
    margin-right: 10px;
}

#topBar #textSide .info i {
    font-size: 20px;
    color: var(--txt-color2);
    margin-right: 10px;
}


/* Text Side  */

#topBar #textSide {
    display: flex;
    align-items: center;
}

#topBar #textSide .info {
    margin-left: 20px;
    display: flex;
    align-items: center;
    color: white;
}

@media (max-width: 768px) {
    #topBar #logos i {
        font-size: 20px;
    }
    #topBar #textSide .info i {
        font-size: 17px;
    }
    #topBar #textSide .info {
        font-size: 0.7rem;
    }
}

@media (max-width: 700px) {
    #topBar {
        padding: 0px 15px !important;
    }
    #topBar #logos i {
        font-size: 15px;
    }
    #topBar #textSide .info i {
        font-size: 13px;
        margin-right: 5px !important;
    }
    #topBar #textSide .info {
        font-size: 0.6rem;
    }
}